<html>
<head>
<%@include file="/WebPages/Includes/commonIncludes.jsp"%>
<script type="text/javascript"
	src="http://ajax.cdnjs.com/ajax/libs/json2/20110223/json2.js"></script>



</head>


<body>
Welcome! <%out.println(session.getAttribute("username")); %>
<div class="table-responsive">
	<table id="mytable" class="table form-fields table-striped">
		<tr>
			<th>subject Id</th>
			<th>Subject Name</th>
			<th>Subject Description</th>
			<th>Created By</th>
			<th>Created Date</th>
			<th>Modified By</th>
			<th>Modified Date</th>
				<th>Update</th>
				<th>Remove</th>
		</tr>
	</table>
</div>
	<button class="btn btn-primary btn-lg" data-toggle="modal"
		data-target="#myInsertModal">Create Master Subject</button>
		
		<!--Insert Modal -->
	<div class="modal fade" id="myInsertModal" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">Modal title</h4>
				</div>
				<div class="modal-body">
					<form id="insertMasterSubjectform"  method="post" >


						<div class="form-group">
							<label for="subject_id">Subject Id</label> <input id="subjectId"
								type="text" placeholder="Subject Id" name="subjectId" class="form-control"/>
						</div>
						<div class="form-group">
							<label for="subject_name">Subject Name</label> <input
								id="subjectName" type="text" placeholder="subject Name"
								name="subjectName"class="form-control"/>
						</div>

						<div class="form-group">
							<label for="subjectDesc">Subject Description</label> <input
								id="subjectDesc" type="text" placeholder="subject Description"
								name="subjectDesc" class="form-control"/>
						</div>
						<div class="form-group">
							<label for="createdBy">Created By</label> <input id="createdBy"
								type="text" placeholder="Created By" name="createdBy" class="form-control"/>
						</div>
						<div class="form-group">
							<label for="createdDate">Created Date</label> <input
								id="createdDate" type="text" placeholder="Created Date"
								name="createdDate"class="form-control"/>
						</div>
						<div class="form-group">
							<label for="modifiedBy">Modified By</label> <input
								id="modifiedBy" type="text" placeholder="Modified By"
								name="modifiedBy"class="form-control"/>
						</div>
						<div class="form-group">
							<label for="modifiedDate">Modified Date</label> <input
								id="modifiedDate" type="text" placeholder="Modified Date"
								name="modifiedDate" class="form-control">
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default"
								data-dismiss="modal">Close</button>
							<button type="button" class="btn btn-primary" id="insert-db">Save
								changes</button>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
		
	<!--Update Modal -->
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">Modal title</h4>
				</div>
				<div class="modal-body">
					<form id="updateMasterSubject">
						<ul>

							<li><label for="subject_id">Subject Id</label> <input
								id="usubjectId" type="text" placeholder="Subject Id" name="subjectId" class="form-control"/>
							</li>
							<li><label for="subject_name">subject Name</label> <input
								id="usubjectName" type="text" placeholder="subject Name"
								name="subjectName"class="form-control"/></li>
							<li><label for="subjectDesc">subject Description</label>
								<input id="usubjectDesc" type="text"
								placeholder="subject Description" name="subjectDesc"class="form-control"/></li>
							<li><label for="createdBy">Created By</label> <input
								id="ucreatedBy" type="text" placeholder="Created By"
								name="createdBy" class="form-control"/></li>
							<li><label for="createdDate">Created Date</label> <input
								id="ucreatedDate" type="text" placeholder="Created Date"
								name="createdDate" class="form-control"/></li>
							<li><label for="modifiedBy">Modified By</label> <input
								id="umodifiedBy" type="text" placeholder="Modified By"
								name="modifiedBy" class="form-control"/></li>
							<li><label for="modifiedDate">Modified Date</label> <input
								id="umodifiedDate" type="text" placeholder="Modified Date"
								name="modifiedDate" class="form-control"/></li>
						</ul>
						<div class="modal-footer">
							<button type="button" class="btn btn-default"
								data-dismiss="modal">Close</button>
							<button type="button" class="btn btn-primary" id="update-db">Save
								changes</button>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>



	<script src="./../../customJS/Masters/masterSubjectHome.js">
		
	</script>



</body>

</html>